let title = document.querySelector("#ulbox");

// let brandId = 0;

let brandIdArr = [];

const xhr1 = new XMLHttpRequest();
xhr1.open("get","http://chst.vip:1234/api/getbrandtitle",false);
xhr1.onload = function(){
    if(xhr1.status === 200){
        let res1 = JSON.parse(xhr1.responseText);
        console.log(res1);

        let titles = "";
        res1.result.forEach(item => {
            titles += `<li>
                        <div class="title" >
                            <p>${item.brandTitle}</p>
                            <span>▼</span>
                        </div>
                        <ul class="main_box"></ul>
                    </li>`
                    brandIdArr.push(item.brandTitleId);
        });
        title.innerHTML = titles;
         
    }
}
console.log(brandIdArr);
xhr1.send(null);


let main_box = document.querySelectorAll(".main_box")

brandIdArr.forEach((item,index)=>{
    const xhr = new XMLHttpRequest();
    xhr.open("get",`http://chst.vip:1234/api/getbrand?brandtitleid=${item}`,false);
    xhr.onload = function(){
        if(xhr.status === 200){
            let res = JSON.parse(xhr.responseText);
            console.log(res.result);

            let main_boxs = "";
            res.result.forEach((value,num) => {
                main_boxs += `<li id="${value.brandId}">
                                <a href="#">
                                    <i class="i1">
                                        ${num}
                                    </i>
                                    ${value.brandName}
                                    <div class="d1">
                                        ${value.brandInfo}
                                    </div>
                                </a>
                            </li> `
            });
            main_box[index].innerHTML = main_boxs;

            $(".main_box li").click(function(){
                let brandID = $(this).prop("id");
                console.log(brandID);
                location.href = "../html/brandlist.html?brandtitleid="+brandID;
            })
        }
    }
    xhr.send(null);
})




// function brand(brandId){
//     const xhr = new XMLHttpRequest();
//     xhr.open("get",`http://chst.vip:1234/api/getbrand?brandtitleid=`+brandId,false);
//     xhr.onload = function(){
//         if(xhr.status === 200){
//             let res = JSON.parse(xhr.responseText);
//             console.log(res);

//             let main_boxs = "";
//             res.result.forEach(item => {
//                 main_boxs += `<li>
//                                 <a href="#">
//                                     <i class="i1">
//                                         0
//                                     </i>
//                                     ${item.brandName}
//                                     <div class="d1">
//                                         ${item.brandInfo}
//                                     </div>
//                                 </a>
//                             </li> `
//             });
//             main_box.innerHTML = main_boxs;
//         }
//     }
//     xhr.send(null);
// }


$(".main_box").slideUp(0,function(){
    $(this).prop("flag",false);
});

$(".title").click(function(){
    $(this).next().slideToggle().parent().siblings().find(".main_box").slideUp();
})